
.container{
    display: flex;
    flex-direction: column;
}
.header-container {
    height: 400rpx;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center  ;
}

.header-fe {
    display: flex;
    flex-direction: row;
    
}
.header-avatar-wrapper {
    margin-left: 50rpx;;
    width: 120rpx;
    height: 120rpx;
    border-radius: 20%;
    overflow: hidden;
    border: 1rpx solid #f8f8f8;
}
.header-avatar {

    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
}
.header-nickname-wrapper{
    margin-left: 50rpx;;
    width: 500rpx;
    height: 120rpx;
    display: flex;
    flex-direction: column;
}
.header-nickname {
    width: 100%;
    height: 60rpx;
    font-size: 40rpx;
    color: #000000;
    text-align: left;
}
.community-id {
    margin-top: 15rpx;
    display: flex;
    flex-direction: row;
    font-size: 30rpx;
    color: #888888;
}

.mine-item-container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}
.mine-item {
    background-color: #fff;
    height: 110rpx;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    
    //justify-content: space-around;
}
.mine-icon-left{
   line-height: 55rpx;
   margin-left: 20rpx;
   width: 70rpx;
   font-size: 50rpx;;
}
.mine-icon-right{
    line-height: 55rpx;
    width: 70rpx;
    font-size: 40rpx;;
    
 }
.mine-item-text{
    line-height: 55rpx;
    font-size: 30rpx;
    color: rgb(23,23,23);
    font-weight: 300;
    width: 215rpx;
    margin-left: 20rpx;
}

.mine-item-desc{
    line-height: 55rpx;
    margin-left: 20rpx;
    color: #888888;
    font-size: 20rpx;
    width: 600rpx;
    text-align: right;
    padding-right: 20rpx;
    
}

.mine-item-padding-view{
    width: 100%;
    height: 12rpx;
    background-color: rgb(238,238,238);
}
.mine-item-split-view{
    width: 100%;
    height: 2rpx;
    background-color: var(--light-gray);
    background-image: linear-gradient(90deg,#fff 10%,#fff 10%,#f2f1f3 10%,#f2f1f3 90%);
}
.button-contract{
    background-color: #fff;
    font-size: 30rpx;
    padding-left: 20rpx;
    text-align: left;
    font-weight: 300;
    color: #171717;
}